<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>企业营收大数据可视化</title>
    <link rel="stylesheet" href="./assets/css/reset.css">
</head>
<!-- 写布局 -->

<body>
    <!-- 头 -->
    <header>
        <h1>企业营收大数据统计</h1>
        <span>2022年6月3日16时35分30秒</span>

    </header>
    <!-- 中间内容 -->
    <section class="main">
        <div class="column">
            <div class="box" style="height:4rem"></div>
            <div class="box box-m3" style="height:5.2rem"></div>
        </div>
        <div class="column">
            <div class="box box-m1" style="height:2.3rem">
            </div>
            <div class="box box-m2" style="height:6.9rem"></div>

        </div>
        <div class="column">
            <div class="box  box-m4" style="height:3rem">
            </div>
            <div class="box  box-m5" style="height:6.2rem"></div>

        </div>
    </section>

    <body>


        <SCript src="assets/js/flexible.js"></SCript>
        <script src="http://unpkg.com/jquery"></script>
        <script src="https://unpkg.com/webopenfather-date@1.0.1/dist/wofDate.js"></script>
        <script src="http://unpkg.com/echarts"></script>
        <script src="./assets/js/1.js"></script>
        <script src="./assets/js/2.js"></script>
        <script src="./assets/js/3.js"></script>
        <script src="./assets/js/4.js"></script>
        <script src="./assets/js/5.js"></script>
        <script src="./assets/js/6.js"></script>
        <script>
            setInterval(() => {
                $('header span').html(wofDate.format('Y年m月d日H时i分s秒'))
            }, 1000)
        </script>
    </body>

</html>